<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // ES6对于数组方法的扩展 
        //-  1.Array.from();  可以把伪数组转成数组 
        // 把伪数组转成数组 ： 展开运算符 、 Array.from();
        // function fn(){
        //     console.log(arguments);
        //     // 转成数组 
        //     // var arr = [...arguments];
        //     // console.log(arr);

        //     var arr = Array.from(arguments);
        //     console.log(arr);
        // }
        // fn(1,2,3);

        // 2. Array.of(); 创建一个数组

        // let arr1 = new Array(7);
        // console.log(arr1);

        // let arr2 = new Array(7,8);
        // console.log(arr2);

        //   var arr =  Array.of(7,8,9);
        //   console.log(arr);

        // 3. find 和 findIndex 
        // find 会查找符合条件的第一个元素  
        // findIndex 查找符合条件的第一个元素的索引值
        // var arr = ["张三", "李四", "王五"];
        // var res = arr.find(function (item) {
        //     return item == "李四";
        // })
        // console.log(res);

        // var arr  = [1,2,3,4,5];
        // // var res = arr.find(item=>item>3);
        // // var res = arr.filter(item=>item>3);
        // // console.log(res);

        // var res = arr.findIndex(item=>item>3);
        // console.log(res);


        //-  4.flat ： 数组的扁平化 ： 把数组降维
        // ES5 数组扁平化 
    //     var arr = [1, 2, 3, [4, 5, [6, [7, [8]]]]];
    //     // var str = arr.toString();
    //     // //   console.log(str);
    //     // var newarr = str.split(",");
    //     // console.log(newarr)

    //     // ES6 ： flat 数组扁平化
    //   var newarr =   arr.flat(4);  // flat 里可以传参，默认参数是1 ，传入的参数就是见底的维度
    //   console.log(newarr);

        // 5.at 获取数组里的值
        // var arr = ["张三","李四","王五"];
        // // console.log(arr[1]);
        // console.log(arr.at(1))

        // 6.fill 填充数组里的键值 ；
    //     var arr = [1,2,3,4,5];
    // //    var res =  arr.fill("a");
    //     var res = arr.fill("a",1,4);  // arr.fill("填充的内容",开始填充的索引值,结束填充的索引值) ； 包前不包后
    //    console.log(res);


    // - 7. includes(); 判断数组里是否包含某个值；
    // var arr = ["张三","李四","王五"];
//    var res =   arr.indexOf("李四");
//    console.log(res);
//    console.log(  arr.includes("李四111"));


// 1.复习  2. 员工列表  和 百度音乐全选 改箭头函数  3. 实现多个选项卡 ，每个选项卡有自己的特性需求。
// 第一个选项卡 普通选项卡 第二个选项卡需要自动切换  第三个选项卡 需要下一个切换操作 。 
// 无论是第二个还是第三个选项卡都有第一个选项卡的功能
    </script>
</body>

</html>